<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>sarcharts pablolaptop.pegaso.lan</title>
    <link rel="stylesheet" href="html/css/sarcharts.css" />
    <link rel="stylesheet" href="html/css/ul-select.css" />
    <script src="html/js/jquery.js"></script>
    <script src="html/js/hammer.min.js"></script>
    <script src="html/js/ul-select.js"></script>
    <script src="html/js/chart.umd.js"></script>
    <script src="html/js/chartjs-plugin-zoom.min.js"></script>
    <script src="html/js/chartjs-plugin-annotation.min.js"></script>
    <script src="html/js/chartjs-adapter-date-fns.bundle.min.js"></script>

</head>
<body>
<section class="container">
      <div class="info">
        <ul>
            <li><b>Start:</b> 2024-06-08 14:00:01 CET</li>
            <li><b>End:</b> 2024-06-08T19:00:43+02:00 CET</li>
            <li><b>System:</b> Linux</li>
            <li><b>Release:</b> 6.8.11-300.fc40.x86_64</li>
            <li><b>Architecture:</b> x86_64</li>
            <li><b>CPU:</b> 12</li>
        </ul><!--
        
        -->
    </div>
    <div class="hostlist">
        <ul id="hostlist">
        
            
                <li class="active">pablolaptop.pegaso.lan&nbsp; &nbsp; &nbsp;</li>
            
        
        </ul>
    </div>
    <div class="chartlist">
        <ul id="chartlist">
            
                
                <li>cpu-load</li>
                
            
                
                <li>disk</li>
                
            
                
                <li>hugepages</li>
                
            
                
                <li>io_io-discard</li>
                
            
                
                <li>io_io-reads</li>
                
            
                
                <li>io_io-writes</li>
                
            
                
                <li>io_tps</li>
                
            
                
                <li>kernel</li>
                
            
                
                <li class="active"">memory&nbsp; &nbsp; &nbsp;</li>
                
            
                
                <li>network_net-dev</li>
                
            
                
                <li>network_net-edev</li>
                
            
                
                <li>network_net-nfs</li>
                
            
                
                <li>network_net-nfsd</li>
                
            
                
                <li>network_net-sock</li>
                
            
                
                <li>network_softnet</li>
                
            
                
                <li>paging</li>
                
            
                
                <li>process-and-context-switch</li>
                
            
                
                <li>psi_psi-cpu</li>
                
            
                
                <li>psi_psi-io</li>
                
            
                
                <li>psi_psi-mem</li>
                
            
                
                <li>queue</li>
                
            
                
                <li>swap-pages</li>
                
            
        </ul>
    </div>


  <div class="activities">
    <ul>
  
    
  
    </ul>
  </div>
  <div class="custom">
    <input type="checkbox" checked id="checkall"> <b>Show/Hide all</b>
    <div class="extrametrics">
    
    
    
      
      <!-- memory:DBconnections -->
      
      <label><input type="checkbox" checked id="metric0" style="accent-color: rgb(179, 61, 45);"> DBconnections</label>
      
    
    
    
    
      
      <!-- memory:HTTPrequests -->
      
      <label><input type="checkbox" checked id="metric1" style="accent-color: rgb(222, 69, 68);"> HTTPrequests</label>
      
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    </div>
  </div>
  <div class="chart">
    <canvas id="chartcanvas"></canvas>
  </div>
  <div class="footer">
    <div id="eventname"></div>
    <div id="eventdescription"></div>
    <div id="copyright">
      <a href="https://github.com/pafernanr/sarcharts">© sarcharts</a>
    </div>
  </div>
</section>
<script>
$('.i_inactive').click(function() {
  $(".i_active").attr("class","i_inactive");
  $(this).attr("class","i_active");
  showChart($(this).text());
});

  
  
  
  const event0_0 = {
    type: 'line',
    enter: function({element}) {
      $("#copyright").hide();
      $("#eventdescription").show();
      $("#eventdescription").html("Restart events are included in sar files. Check <b>sarcharts --help</b> to add your custom events and metrics.");
      $("#eventdescription").css("color", element.label.options.color);
      $("#eventname").show();
      $("#eventname").html("2024-06-08 15:53:52 | Restart");
      // $("#eventname").css("border-color", element.label.options.color);
      $("#eventname").css("color", element.label.options.color);
      return true;
    },
    // leave: function({element}) {
    //   $("#eventdescription").css("border-color", "#000");
    //   $("#eventdescription").css("color", "#000");
    //   return true;
    // },
    borderColor: "rgba(179, 61, 45, 0.4)",
    borderWidth: 1,
    display: true,
    label: {
      display: true,
      position: 'start',
      content: "Restart",
      backgroundColor: 'transparent',
      opacity: 0,
      rotation: 90,
      xAdjust: 5,
      yAdjust: 15,
      font: { size: 11 },
      color: 'rgba(179, 61, 45)'
    },
    scaleID: 'x',
    value: "2024-06-08 15:53:52"
  };
  

  
  
  
  const event1_0 = {
    type: 'line',
    enter: function({element}) {
      $("#copyright").hide();
      $("#eventdescription").show();
      $("#eventdescription").html("Server Backup was started at this time.<div id=eventdemo>\rEvents can use HTML tags. <font style='color: red'>Use it with caution!</font>\rCheck used CSV files here:<ul><li><a href='../events.csv'>events.csv</a></li><li><a href='../metrics.csv'>metrics.csv</a></li></ul></div>");
      $("#eventdescription").css("color", element.label.options.color);
      $("#eventname").show();
      $("#eventname").html("2024-06-08 19:00:43+02:00 | Backup Started");
      // $("#eventname").css("border-color", element.label.options.color);
      $("#eventname").css("color", element.label.options.color);
      return true;
    },
    // leave: function({element}) {
    //   $("#eventdescription").css("border-color", "#000");
    //   $("#eventdescription").css("color", "#000");
    //   return true;
    // },
    borderColor: "rgba(222, 69, 68, 0.4)",
    borderWidth: 1,
    display: true,
    label: {
      display: true,
      position: 'start',
      content: "Backup Started",
      backgroundColor: 'transparent',
      opacity: 0,
      rotation: 90,
      xAdjust: 5,
      yAdjust: 15,
      font: { size: 11 },
      color: 'rgba(222, 69, 68)'
    },
    scaleID: 'x',
    value: "2024-06-08 19:00:43+02:00"
  };
  

  
  
  
  const event2_0 = {
    type: 'line',
    enter: function({element}) {
      $("#copyright").hide();
      $("#eventdescription").show();
      $("#eventdescription").html("Out Of Memory detected.<div id=eventdemo>\r\(Multiple <b>hostname</b>/s, <b>eventname</b>/s and <b>date formats</b> are supported on same CSV file:<ul><li>%Y-%m-%d %H:%M:%S</li><li>%Y-%m-%dT%H:%M:%S%z</li><li>%Y-%m-%dT%H:%M:%S</li><li>%Y-%m-%d %H:%M</li><li>%Y-%m-%d %H</li><li>%Y-%m-%d</li></ul>\rCheck used CSV files here:<ul><li><a href='../events.csv'>events.csv</a></li><li><a href='../metrics.csv'>metrics.csv</a></li></ul></div>");
      $("#eventdescription").css("color", element.label.options.color);
      $("#eventname").show();
      $("#eventname").html("2024-06-08 19:20:00 | OOM");
      // $("#eventname").css("border-color", element.label.options.color);
      $("#eventname").css("color", element.label.options.color);
      return true;
    },
    // leave: function({element}) {
    //   $("#eventdescription").css("border-color", "#000");
    //   $("#eventdescription").css("color", "#000");
    //   return true;
    // },
    borderColor: "rgba(185, 44, 16, 0.4)",
    borderWidth: 1,
    display: true,
    label: {
      display: true,
      position: 'start',
      content: "OOM",
      backgroundColor: 'transparent',
      opacity: 0,
      rotation: 90,
      xAdjust: 5,
      yAdjust: 15,
      font: { size: 11 },
      color: 'rgba(185, 44, 16)'
    },
    scaleID: 'x',
    value: "2024-06-08 19:20:00"
  };
  

  
  
  
  const event3_0 = {
    type: 'line',
    enter: function({element}) {
      $("#copyright").hide();
      $("#eventdescription").show();
      $("#eventdescription").html("Database connections is greater than 120.<div id=eventdemo>\rYou can also add additional metrics using <b>-m custommetrics.csv</b> parameter.\rCheck used CSV files here:<ul><li><a href='../events.csv'>events.csv</a></li><li><a href='../metrics.csv'>metrics.csv</a></li></ul></div>");
      $("#eventdescription").css("color", element.label.options.color);
      $("#eventname").show();
      $("#eventname").html("2024-06-08 19:06:00 | DB Conn");
      // $("#eventname").css("border-color", element.label.options.color);
      $("#eventname").css("color", element.label.options.color);
      return true;
    },
    // leave: function({element}) {
    //   $("#eventdescription").css("border-color", "#000");
    //   $("#eventdescription").css("color", "#000");
    //   return true;
    // },
    borderColor: "rgba(91, 127, 8, 0.4)",
    borderWidth: 1,
    display: true,
    label: {
      display: true,
      position: 'start',
      content: "DB Conn",
      backgroundColor: 'transparent',
      opacity: 0,
      rotation: 90,
      xAdjust: 5,
      yAdjust: 15,
      font: { size: 11 },
      color: 'rgba(91, 127, 8)'
    },
    scaleID: 'x',
    value: "2024-06-08 19:06:00"
  };
  


function showChart(name) {
  myChart.destroy();
  myChart = new Chart(ctx, {
    type: 'line',
      data: {
        labels: myCharts[name]['labels'],
        datasets: myCharts[name]['datasets']
      },
    options: {
      maintainAspectRatio: false,
      responsive: true,
      scales: {
        x: {
          type: 'time',
          time: {
            tooltipFormat: 'yyyy:LL:dd HH:mm:ss',
            displayFormats: { // https://github.com/moment/luxon/blob/master/docs/formatting.md
              'millisecond': 'yyyy:LL:dd HH:mm:ss SSS',
              'second': 'yyyy:LL:dd HH:mm:ss',
              'minute': 'yyyy:LL:dd HH:mm:ss',
              'hour': 'yyyy:LL:dd HH:mm:ss',
              'day': 'yyyy:LL:dd HH:mm:ss',
              'week': 'yyyy:LL:dd HH:mm:ss',
              'month': 'yyyy:LL:dd HH:mm:ss',
              'quarter': 'yyyy LL:dd HH:mm:ss',
              'year': 'yyyy:LL:dd HH:mm:ss'
            }
          },
          ticks: {
            source: 'auto'
          }
        },
        y: {
          title: {
            display: true,
            text: 'memory'
          }
        },
        
          
          
        y0: {
          title: {
            display: true,
            text: 'extrametric_DBconnections',
            color: 'rgb(179, 61, 45)',
          },
          type: 'linear',
          display: false,
          position: 'right',
          ticks: {
            color: 'rgb(179, 61, 45)',
            backdropColor: 'rgb(179, 61, 45)',
            padding: 1,
            backdropPadding: 1
          },
          grid: {
            tickColor: 'rgb(179, 61, 45, 0.2)',
            color: 'rgb(179, 61, 45, 0.2)'
          }
        },
          
        
          
          
        y1: {
          title: {
            display: true,
            text: 'extrametric_HTTPrequests',
            color: 'rgb(222, 69, 68)',
          },
          type: 'linear',
          display: false,
          position: 'right',
          ticks: {
            color: 'rgb(222, 69, 68)',
            backdropColor: 'rgb(222, 69, 68)',
            padding: 1,
            backdropPadding: 1
          },
          grid: {
            tickColor: 'rgb(222, 69, 68, 0.2)',
            color: 'rgb(222, 69, 68, 0.2)'
          }
        },
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
      },
      plugins: {
        legend: {
          position: 'top',
          labels: {
                    filter: item => item.text.indexOf('extrametric_') == -1
          }
        },
        annotation: { annotations: { 
          
            event0_0,
          
            event1_0,
          
            event2_0,
          
            event3_0,
          
          }
        },
        zoom: {
          limits: {
            x: { min:'original', max:'original' }
          },
          zoom: {
            drag: {
              enabled: true
            },
            wheel: {
              enabled: true,
            },
            pinch: {
              enabled: true
            },
            mode: 'x',
          }
        }
      }
    }
  });
}

var myCharts = {
  
  '': {
    'datasets': [
    
      
        {
        
        // memory::extrametric_DBconnections
        
        label: 'extrametric_DBconnections',
        yAxisID: 'y0',
        data: [{'x': '2024-06-08 14:00:01', 'y': '24'}, {'x': '2024-06-08 14:10:01', 'y': '29'}, {'x': '2024-06-08 14:20:02', 'y': '20'}, {'x': '2024-06-08 14:30:03', 'y': '15'}, {'x': '2024-06-08 14:40:03', 'y': '29'}, {'x': '2024-06-08 14:50:04', 'y': '30'}, {'x': '2024-06-08 15:00:04', 'y': '36'}, {'x': '2024-06-08 15:10:05', 'y': '35'}, {'x': '2024-06-08 15:20:06', 'y': '42'}, {'x': '2024-06-08 15:30:06', 'y': '47'}, {'x': '2024-06-08 15:40:07', 'y': '44'}, {'x': '2024-06-08 15:50:07', 'y': '37'}, {'x': '2024-06-08 16:00:08', 'y': '32'}, {'x': '2024-06-08 16:10:09', 'y': '37'}, {'x': '2024-06-08 16:20:09', 'y': '36'}, {'x': '2024-06-08 16:30:00', 'y': '35'}, {'x': '2024-06-08 16:40:00', 'y': '34'}, {'x': '2024-06-08 16:50:01', 'y': '42'}, {'x': '2024-06-08 17:00:02', 'y': '96'}, {'x': '2024-06-08 17:10:01', 'y': '155'}, {'x': '2024-06-08 17:20:03', 'y': '187'}, {'x': '2024-06-08 17:30:04', 'y': '0'}, {'x': '2024-06-08 17:40:04', 'y': '100'}, {'x': '2024-06-08 17:50:05', 'y': '98'}, {'x': '2024-06-08 18:00:05', 'y': '40'}, {'x': '2024-06-08 18:10:06', 'y': '38'}, {'x': '2024-06-08 18:20:07', 'y': '32'}, {'x': '2024-06-08 18:30:07', 'y': '36'}, {'x': '2024-06-08 18:40:08', 'y': '34'}, {'x': '2024-06-08 18:50:08', 'y': '42'}, {'x': '2024-06-08 19:00:09', 'y': '41'}, {'x': '2024-06-08 19:10:00', 'y': '45'}, {'x': '2024-06-08 19:20:00', 'y': '32'}, {'x': '2024-06-08 19:30:01', 'y': '36'}, {'x': '2024-06-08 19:40:01', 'y': '38'}, {'x': '2024-06-08 20:00:03', 'y': '47'}, {'x': '2024-06-08 20:10:00', 'y': '43'}, {'x': '2024-06-08 20:20:49', 'y': '41'}, {'x': '2024-06-08 20:30:49', 'y': '43'}, {'x': '2024-06-08 20:40:49', 'y': '36'}, {'x': '2024-06-08 20:50:49', 'y': '31'}],
        borderColor: 'rgb(179, 61, 45)',
        backgroundColor: 'rgb(179, 61, 45, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::extrametric_HTTPrequests
        
        label: 'extrametric_HTTPrequests',
        yAxisID: 'y1',
        data: [{'x': '2024-06-08 14:00:01', 'y': '440'}, {'x': '2024-06-08 14:10:01', 'y': '440'}, {'x': '2024-06-08 14:20:02', 'y': '440'}, {'x': '2024-06-08 14:30:03', 'y': '430'}, {'x': '2024-06-08 14:40:03', 'y': '440'}, {'x': '2024-06-08 14:50:04', 'y': '450'}, {'x': '2024-06-08 15:00:04', 'y': '450'}, {'x': '2024-06-08 15:10:05', 'y': '450'}, {'x': '2024-06-08 15:20:06', 'y': '460'}, {'x': '2024-06-08 15:30:06', 'y': '460'}, {'x': '2024-06-08 15:40:07', 'y': '460'}, {'x': '2024-06-08 15:50:07', 'y': '440'}, {'x': '2024-06-08 16:00:08', 'y': '442'}, {'x': '2024-06-08 16:10:09', 'y': '440'}, {'x': '2024-06-08 16:20:09', 'y': '440'}, {'x': '2024-06-08 16:30:00', 'y': '440'}, {'x': '2024-06-08 16:40:00', 'y': '440'}, {'x': '2024-06-08 16:50:01', 'y': '450'}, {'x': '2024-06-08 17:00:02', 'y': '490'}, {'x': '2024-06-08 17:10:01', 'y': '781'}, {'x': '2024-06-08 17:20:03', 'y': '790'}, {'x': '2024-06-08 17:30:04', 'y': '1000'}, {'x': '2024-06-08 17:40:04', 'y': '800'}, {'x': '2024-06-08 17:50:05', 'y': '760'}, {'x': '2024-06-08 18:00:05', 'y': '650'}, {'x': '2024-06-08 18:10:06', 'y': '440'}, {'x': '2024-06-08 18:20:07', 'y': '440'}, {'x': '2024-06-08 18:30:07', 'y': '440'}, {'x': '2024-06-08 18:40:08', 'y': '440'}, {'x': '2024-06-08 18:50:08', 'y': '450'}, {'x': '2024-06-08 19:00:09', 'y': '455'}, {'x': '2024-06-08 19:10:00', 'y': '450'}, {'x': '2024-06-08 19:20:00', 'y': '440'}, {'x': '2024-06-08 19:30:01', 'y': '440'}, {'x': '2024-06-08 19:40:01', 'y': '440'}, {'x': '2024-06-08 20:00:03', 'y': '450'}, {'x': '2024-06-08 20:10:00', 'y': '450'}, {'x': '2024-06-08 20:20:49', 'y': '450'}, {'x': '2024-06-08 20:30:49', 'y': '450'}, {'x': '2024-06-08 20:40:49', 'y': '440'}, {'x': '2024-06-08 20:50:49', 'y': '440'}],
        borderColor: 'rgb(222, 69, 68)',
        backgroundColor: 'rgb(222, 69, 68, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::memfree
        
          hidden: true,
        
        label: 'memfree',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '3954628'}, {'x': '2024-06-08 14:10:04', 'y': '4060908'}, {'x': '2024-06-08 14:20:05', 'y': '3974288'}, {'x': '2024-06-08 14:30:06', 'y': '4007640'}, {'x': '2024-06-08 14:40:03', 'y': '3870380'}, {'x': '2024-06-08 14:50:07', 'y': '3742544'}, {'x': '2024-06-08 15:00:07', 'y': '3612892'}, {'x': '2024-06-08 15:10:08', 'y': '3559312'}, {'x': '2024-06-08 15:20:09', 'y': '3478792'}, {'x': '2024-06-08 15:30:09', 'y': '3099736'}, {'x': '2024-06-08 15:40:00', 'y': '3469204'}, {'x': '2024-06-08 15:50:00', 'y': '3421272'}, {'x': '2024-06-08 16:10:09', 'y': '24793004'}, {'x': '2024-06-08 16:20:09', 'y': '25006428'}, {'x': '2024-06-08 16:30:00', 'y': '24821856'}, {'x': '2024-06-08 16:40:01', 'y': '24875500'}, {'x': '2024-06-08 16:50:01', 'y': '24485740'}, {'x': '2024-06-08 17:00:02', 'y': '24623912'}, {'x': '2024-06-08 17:10:02', 'y': '24777556'}, {'x': '2024-06-08 17:20:03', 'y': '24759776'}, {'x': '2024-06-08 17:30:04', 'y': '24788400'}, {'x': '2024-06-08 17:40:04', 'y': '24753948'}, {'x': '2024-06-08 17:50:05', 'y': '24838652'}, {'x': '2024-06-08 18:00:06', 'y': '24778868'}, {'x': '2024-06-08 18:10:06', 'y': '24795140'}, {'x': '2024-06-08 18:20:07', 'y': '24693284'}, {'x': '2024-06-08 18:30:07', 'y': '24571844'}, {'x': '2024-06-08 18:40:08', 'y': '24550296'}, {'x': '2024-06-08 18:50:09', 'y': '24647660'}, {'x': '2024-06-08 19:00:09', 'y': '24677708'}, {'x': '2024-06-08 19:10:00', 'y': '22467024'}, {'x': '2024-06-08 19:20:01', 'y': '23944120'}, {'x': '2024-06-08 19:30:01', 'y': '24561200'}, {'x': '2024-06-08 19:40:02', 'y': '24505260'}, {'x': '2024-06-08 19:50:02', 'y': '24484296'}, {'x': '2024-06-08 20:00:03', 'y': '25967776'}, {'x': '2024-06-08 20:10:04', 'y': '23297216'}, {'x': '2024-06-08 20:20:04', 'y': '23294876'}, {'x': '2024-06-08 20:30:05', 'y': '20334240'}, {'x': '2024-06-08 20:40:06', 'y': '23484492'}, {'x': '2024-06-08 20:50:06', 'y': '23405640'}],
        borderColor: 'rgb(185, 44, 16)',
        backgroundColor: 'rgb(185, 44, 16, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::avail
        
          hidden: true,
        
        label: 'avail',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '21953956'}, {'x': '2024-06-08 14:10:04', 'y': '22062248'}, {'x': '2024-06-08 14:20:05', 'y': '21976248'}, {'x': '2024-06-08 14:30:06', 'y': '22009160'}, {'x': '2024-06-08 14:40:03', 'y': '21875016'}, {'x': '2024-06-08 14:50:07', 'y': '21731660'}, {'x': '2024-06-08 15:00:07', 'y': '21612184'}, {'x': '2024-06-08 15:10:08', 'y': '21581400'}, {'x': '2024-06-08 15:20:09', 'y': '21501892'}, {'x': '2024-06-08 15:30:09', 'y': '21420092'}, {'x': '2024-06-08 15:40:00', 'y': '21501204'}, {'x': '2024-06-08 15:50:00', 'y': '21445944'}, {'x': '2024-06-08 16:10:09', 'y': '26768020'}, {'x': '2024-06-08 16:20:09', 'y': '27017768'}, {'x': '2024-06-08 16:30:00', 'y': '26836960'}, {'x': '2024-06-08 16:40:01', 'y': '26905000'}, {'x': '2024-06-08 16:50:01', 'y': '26612948'}, {'x': '2024-06-08 17:00:02', 'y': '26756332'}, {'x': '2024-06-08 17:10:02', 'y': '26911536'}, {'x': '2024-06-08 17:20:03', 'y': '26894888'}, {'x': '2024-06-08 17:30:04', 'y': '26925388'}, {'x': '2024-06-08 17:40:04', 'y': '26896384'}, {'x': '2024-06-08 17:50:05', 'y': '27025588'}, {'x': '2024-06-08 18:00:06', 'y': '26972652'}, {'x': '2024-06-08 18:10:06', 'y': '26991652'}, {'x': '2024-06-08 18:20:07', 'y': '26970536'}, {'x': '2024-06-08 18:30:07', 'y': '26849872'}, {'x': '2024-06-08 18:40:08', 'y': '26829892'}, {'x': '2024-06-08 18:50:09', 'y': '26927960'}, {'x': '2024-06-08 19:00:09', 'y': '26959560'}, {'x': '2024-06-08 19:10:00', 'y': '25460108'}, {'x': '2024-06-08 19:20:01', 'y': '26849984'}, {'x': '2024-06-08 19:30:01', 'y': '26866840'}, {'x': '2024-06-08 19:40:02', 'y': '26814008'}, {'x': '2024-06-08 19:50:02', 'y': '26795796'}, {'x': '2024-06-08 20:00:03', 'y': '28307232'}, {'x': '2024-06-08 20:10:04', 'y': '28190880'}, {'x': '2024-06-08 20:20:04', 'y': '28189700'}, {'x': '2024-06-08 20:30:05', 'y': '28226164'}, {'x': '2024-06-08 20:40:06', 'y': '28382000'}, {'x': '2024-06-08 20:50:06', 'y': '28303568'}],
        borderColor: 'rgb(91, 127, 8)',
        backgroundColor: 'rgb(91, 127, 8, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::memused
        
          hidden: true,
        
        label: 'memused',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '8116828'}, {'x': '2024-06-08 14:10:04', 'y': '8010604'}, {'x': '2024-06-08 14:20:05', 'y': '8102828'}, {'x': '2024-06-08 14:30:06', 'y': '8069972'}, {'x': '2024-06-08 14:40:03', 'y': '8049504'}, {'x': '2024-06-08 14:50:07', 'y': '8163916'}, {'x': '2024-06-08 15:00:07', 'y': '8306420'}, {'x': '2024-06-08 15:10:08', 'y': '8337452'}, {'x': '2024-06-08 15:20:09', 'y': '8384408'}, {'x': '2024-06-08 15:30:09', 'y': '8449388'}, {'x': '2024-06-08 15:40:00', 'y': '8399836'}, {'x': '2024-06-08 15:50:00', 'y': '8425796'}, {'x': '2024-06-08 16:10:09', 'y': '4544656'}, {'x': '2024-06-08 16:20:09', 'y': '4352504'}, {'x': '2024-06-08 16:30:00', 'y': '4399100'}, {'x': '2024-06-08 16:40:01', 'y': '4449616'}, {'x': '2024-06-08 16:50:01', 'y': '4700360'}, {'x': '2024-06-08 17:00:02', 'y': '4554580'}, {'x': '2024-06-08 17:10:02', 'y': '4459536'}, {'x': '2024-06-08 17:20:03', 'y': '4479684'}, {'x': '2024-06-08 17:30:04', 'y': '4452172'}, {'x': '2024-06-08 17:40:04', 'y': '4423128'}, {'x': '2024-06-08 17:50:05', 'y': '4377680'}, {'x': '2024-06-08 18:00:06', 'y': '4421516'}, {'x': '2024-06-08 18:10:06', 'y': '4398040'}, {'x': '2024-06-08 18:20:07', 'y': '4431792'}, {'x': '2024-06-08 18:30:07', 'y': '4488204'}, {'x': '2024-06-08 18:40:08', 'y': '4512184'}, {'x': '2024-06-08 18:50:09', 'y': '4468480'}, {'x': '2024-06-08 19:00:09', 'y': '4439080'}, {'x': '2024-06-08 19:10:00', 'y': '5479236'}, {'x': '2024-06-08 19:20:01', 'y': '4531296'}, {'x': '2024-06-08 19:30:01', 'y': '4518368'}, {'x': '2024-06-08 19:40:02', 'y': '4507320'}, {'x': '2024-06-08 19:50:02', 'y': '4584240'}, {'x': '2024-06-08 20:00:03', 'y': '3187020'}, {'x': '2024-06-08 20:10:04', 'y': '3268728'}, {'x': '2024-06-08 20:20:04', 'y': '3238232'}, {'x': '2024-06-08 20:30:05', 'y': '3174576'}, {'x': '2024-06-08 20:40:06', 'y': '3122852'}, {'x': '2024-06-08 20:50:06', 'y': '3139452'}],
        borderColor: 'rgb(25, 37, 6)',
        backgroundColor: 'rgb(25, 37, 6, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::memused-percent
        
          hidden: true,
        
        label: 'memused-percent',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '24.89'}, {'x': '2024-06-08 14:10:04', 'y': '24.57'}, {'x': '2024-06-08 14:20:05', 'y': '24.85'}, {'x': '2024-06-08 14:30:06', 'y': '24.75'}, {'x': '2024-06-08 14:40:03', 'y': '24.69'}, {'x': '2024-06-08 14:50:07', 'y': '25.04'}, {'x': '2024-06-08 15:00:07', 'y': '25.48'}, {'x': '2024-06-08 15:10:08', 'y': '25.57'}, {'x': '2024-06-08 15:20:09', 'y': '25.71'}, {'x': '2024-06-08 15:30:09', 'y': '25.91'}, {'x': '2024-06-08 15:40:00', 'y': '25.76'}, {'x': '2024-06-08 15:50:00', 'y': '25.84'}, {'x': '2024-06-08 16:10:09', 'y': '13.94'}, {'x': '2024-06-08 16:20:09', 'y': '13.35'}, {'x': '2024-06-08 16:30:00', 'y': '13.49'}, {'x': '2024-06-08 16:40:01', 'y': '13.65'}, {'x': '2024-06-08 16:50:01', 'y': '14.42'}, {'x': '2024-06-08 17:00:02', 'y': '13.97'}, {'x': '2024-06-08 17:10:02', 'y': '13.68'}, {'x': '2024-06-08 17:20:03', 'y': '13.74'}, {'x': '2024-06-08 17:30:04', 'y': '13.65'}, {'x': '2024-06-08 17:40:04', 'y': '13.57'}, {'x': '2024-06-08 17:50:05', 'y': '13.43'}, {'x': '2024-06-08 18:00:06', 'y': '13.56'}, {'x': '2024-06-08 18:10:06', 'y': '13.49'}, {'x': '2024-06-08 18:20:07', 'y': '13.59'}, {'x': '2024-06-08 18:30:07', 'y': '13.77'}, {'x': '2024-06-08 18:40:08', 'y': '13.84'}, {'x': '2024-06-08 18:50:09', 'y': '13.7'}, {'x': '2024-06-08 19:00:09', 'y': '13.61'}, {'x': '2024-06-08 19:10:00', 'y': '16.8'}, {'x': '2024-06-08 19:20:01', 'y': '13.9'}, {'x': '2024-06-08 19:30:01', 'y': '13.86'}, {'x': '2024-06-08 19:40:02', 'y': '13.82'}, {'x': '2024-06-08 19:50:02', 'y': '14.06'}, {'x': '2024-06-08 20:00:03', 'y': '9.77'}, {'x': '2024-06-08 20:10:04', 'y': '10.03'}, {'x': '2024-06-08 20:20:04', 'y': '9.93'}, {'x': '2024-06-08 20:30:05', 'y': '9.74'}, {'x': '2024-06-08 20:40:06', 'y': '9.58'}, {'x': '2024-06-08 20:50:06', 'y': '9.63'}],
        borderColor: 'rgb(90, 130, 118)',
        backgroundColor: 'rgb(90, 130, 118, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::buffers
        
          hidden: true,
        
        label: 'buffers',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '4192'}, {'x': '2024-06-08 14:10:04', 'y': '4192'}, {'x': '2024-06-08 14:20:05', 'y': '4192'}, {'x': '2024-06-08 14:30:06', 'y': '4192'}, {'x': '2024-06-08 14:40:03', 'y': '4192'}, {'x': '2024-06-08 14:50:07', 'y': '4192'}, {'x': '2024-06-08 15:00:07', 'y': '4192'}, {'x': '2024-06-08 15:10:08', 'y': '4192'}, {'x': '2024-06-08 15:20:09', 'y': '4192'}, {'x': '2024-06-08 15:30:09', 'y': '4192'}, {'x': '2024-06-08 15:40:00', 'y': '4192'}, {'x': '2024-06-08 15:50:00', 'y': '4192'}, {'x': '2024-06-08 16:10:09', 'y': '4000'}, {'x': '2024-06-08 16:20:09', 'y': '4000'}, {'x': '2024-06-08 16:30:00', 'y': '4000'}, {'x': '2024-06-08 16:40:01', 'y': '4000'}, {'x': '2024-06-08 16:50:01', 'y': '4000'}, {'x': '2024-06-08 17:00:02', 'y': '4000'}, {'x': '2024-06-08 17:10:02', 'y': '4000'}, {'x': '2024-06-08 17:20:03', 'y': '4000'}, {'x': '2024-06-08 17:30:04', 'y': '4000'}, {'x': '2024-06-08 17:40:04', 'y': '4000'}, {'x': '2024-06-08 17:50:05', 'y': '4000'}, {'x': '2024-06-08 18:00:06', 'y': '4000'}, {'x': '2024-06-08 18:10:06', 'y': '4000'}, {'x': '2024-06-08 18:20:07', 'y': '4000'}, {'x': '2024-06-08 18:30:07', 'y': '4000'}, {'x': '2024-06-08 18:40:08', 'y': '4000'}, {'x': '2024-06-08 18:50:09', 'y': '4000'}, {'x': '2024-06-08 19:00:09', 'y': '4000'}, {'x': '2024-06-08 19:10:00', 'y': '4000'}, {'x': '2024-06-08 19:20:01', 'y': '4000'}, {'x': '2024-06-08 19:30:01', 'y': '4000'}, {'x': '2024-06-08 19:40:02', 'y': '4000'}, {'x': '2024-06-08 19:50:02', 'y': '4000'}, {'x': '2024-06-08 20:00:03', 'y': '4000'}, {'x': '2024-06-08 20:10:04', 'y': '4000'}, {'x': '2024-06-08 20:20:04', 'y': '4000'}, {'x': '2024-06-08 20:30:05', 'y': '5552'}, {'x': '2024-06-08 20:40:06', 'y': '4000'}, {'x': '2024-06-08 20:50:06', 'y': '4000'}],
        borderColor: 'rgb(92, 88, 206)',
        backgroundColor: 'rgb(92, 88, 206, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::cached
        
          hidden: true,
        
        label: 'cached',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '18737200'}, {'x': '2024-06-08 14:10:04', 'y': '18737036'}, {'x': '2024-06-08 14:20:05', 'y': '18731508'}, {'x': '2024-06-08 14:30:06', 'y': '18731068'}, {'x': '2024-06-08 14:40:03', 'y': '18888536'}, {'x': '2024-06-08 14:50:07', 'y': '18900624'}, {'x': '2024-06-08 15:00:07', 'y': '18886680'}, {'x': '2024-06-08 15:10:08', 'y': '18909240'}, {'x': '2024-06-08 15:20:09', 'y': '18942392'}, {'x': '2024-06-08 15:30:09', 'y': '19255140'}, {'x': '2024-06-08 15:40:00', 'y': '18934932'}, {'x': '2024-06-08 15:50:00', 'y': '18955360'}, {'x': '2024-06-08 16:10:09', 'y': '2913216'}, {'x': '2024-06-08 16:20:09', 'y': '2888008'}, {'x': '2024-06-08 16:30:00', 'y': '3022792'}, {'x': '2024-06-08 16:40:01', 'y': '2917728'}, {'x': '2024-06-08 16:50:01', 'y': '3052316'}, {'x': '2024-06-08 17:00:02', 'y': '3059824'}, {'x': '2024-06-08 17:10:02', 'y': '3002880'}, {'x': '2024-06-08 17:20:03', 'y': '3000472'}, {'x': '2024-06-08 17:30:04', 'y': '2999264'}, {'x': '2024-06-08 17:40:04', 'y': '3062632'}, {'x': '2024-06-08 17:50:05', 'y': '3022340'}, {'x': '2024-06-08 18:00:06', 'y': '3037592'}, {'x': '2024-06-08 18:10:06', 'y': '3043732'}, {'x': '2024-06-08 18:20:07', 'y': '3109640'}, {'x': '2024-06-08 18:30:07', 'y': '3174792'}, {'x': '2024-06-08 18:40:08', 'y': '3172280'}, {'x': '2024-06-08 18:50:09', 'y': '3118436'}, {'x': '2024-06-08 19:00:09', 'y': '3117656'}, {'x': '2024-06-08 19:10:00', 'y': '4282732'}, {'x': '2024-06-08 19:20:01', 'y': '3752864'}, {'x': '2024-06-08 19:30:01', 'y': '3149280'}, {'x': '2024-06-08 19:40:02', 'y': '3216148'}, {'x': '2024-06-08 19:50:02', 'y': '3160216'}, {'x': '2024-06-08 20:00:03', 'y': '3078896'}, {'x': '2024-06-08 20:10:04', 'y': '5659320'}, {'x': '2024-06-08 20:20:04', 'y': '5692924'}, {'x': '2024-06-08 20:30:05', 'y': '8132884'}, {'x': '2024-06-08 20:40:06', 'y': '5618596'}, {'x': '2024-06-08 20:50:06', 'y': '5680856'}],
        borderColor: 'rgb(122, 196, 137)',
        backgroundColor: 'rgb(122, 196, 137, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::commit
        
          hidden: true,
        
        label: 'commit',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '35593436'}, {'x': '2024-06-08 14:10:04', 'y': '35537100'}, {'x': '2024-06-08 14:20:05', 'y': '35537452'}, {'x': '2024-06-08 14:30:06', 'y': '35569288'}, {'x': '2024-06-08 14:40:03', 'y': '37826472'}, {'x': '2024-06-08 14:50:07', 'y': '38321592'}, {'x': '2024-06-08 15:00:07', 'y': '41396752'}, {'x': '2024-06-08 15:10:08', 'y': '41544652'}, {'x': '2024-06-08 15:20:09', 'y': '41858372'}, {'x': '2024-06-08 15:30:09', 'y': '42371040'}, {'x': '2024-06-08 15:40:00', 'y': '42326620'}, {'x': '2024-06-08 15:50:00', 'y': '45775000'}, {'x': '2024-06-08 16:10:09', 'y': '41618984'}, {'x': '2024-06-08 16:20:09', 'y': '38508216'}, {'x': '2024-06-08 16:30:00', 'y': '38758920'}, {'x': '2024-06-08 16:40:01', 'y': '39450880'}, {'x': '2024-06-08 16:50:01', 'y': '42942712'}, {'x': '2024-06-08 17:00:02', 'y': '40001212'}, {'x': '2024-06-08 17:10:02', 'y': '37964524'}, {'x': '2024-06-08 17:20:03', 'y': '37967220'}, {'x': '2024-06-08 17:30:04', 'y': '37971264'}, {'x': '2024-06-08 17:40:04', 'y': '38120492'}, {'x': '2024-06-08 17:50:05', 'y': '38048000'}, {'x': '2024-06-08 18:00:06', 'y': '38066720'}, {'x': '2024-06-08 18:10:06', 'y': '38090036'}, {'x': '2024-06-08 18:20:07', 'y': '38080504'}, {'x': '2024-06-08 18:30:07', 'y': '38191412'}, {'x': '2024-06-08 18:40:08', 'y': '38207516'}, {'x': '2024-06-08 18:50:09', 'y': '38104848'}, {'x': '2024-06-08 19:00:09', 'y': '38102180'}, {'x': '2024-06-08 19:10:00', 'y': '39964672'}, {'x': '2024-06-08 19:20:01', 'y': '38321228'}, {'x': '2024-06-08 19:30:01', 'y': '38331756'}, {'x': '2024-06-08 19:40:02', 'y': '38426852'}, {'x': '2024-06-08 19:50:02', 'y': '38339280'}, {'x': '2024-06-08 20:00:03', 'y': '25882144'}, {'x': '2024-06-08 20:10:04', 'y': '26795760'}, {'x': '2024-06-08 20:20:04', 'y': '25851548'}, {'x': '2024-06-08 20:30:05', 'y': '24948696'}, {'x': '2024-06-08 20:40:06', 'y': '23321600'}, {'x': '2024-06-08 20:50:06', 'y': '23418924'}],
        borderColor: 'rgb(160, 210, 66)',
        backgroundColor: 'rgb(160, 210, 66, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::commit-percent
        
          hidden: true,
        
        label: 'commit-percent',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '86.83'}, {'x': '2024-06-08 14:10:04', 'y': '86.69'}, {'x': '2024-06-08 14:20:05', 'y': '86.69'}, {'x': '2024-06-08 14:30:06', 'y': '86.77'}, {'x': '2024-06-08 14:40:03', 'y': '92.27'}, {'x': '2024-06-08 14:50:07', 'y': '93.48'}, {'x': '2024-06-08 15:00:07', 'y': '100.98'}, {'x': '2024-06-08 15:10:08', 'y': '101.34'}, {'x': '2024-06-08 15:20:09', 'y': '102.11'}, {'x': '2024-06-08 15:30:09', 'y': '103.36'}, {'x': '2024-06-08 15:40:00', 'y': '103.25'}, {'x': '2024-06-08 15:50:00', 'y': '111.66'}, {'x': '2024-06-08 16:10:09', 'y': '101.52'}, {'x': '2024-06-08 16:20:09', 'y': '93.94'}, {'x': '2024-06-08 16:30:00', 'y': '94.55'}, {'x': '2024-06-08 16:40:01', 'y': '96.24'}, {'x': '2024-06-08 16:50:01', 'y': '104.75'}, {'x': '2024-06-08 17:00:02', 'y': '97.58'}, {'x': '2024-06-08 17:10:02', 'y': '92.61'}, {'x': '2024-06-08 17:20:03', 'y': '92.62'}, {'x': '2024-06-08 17:30:04', 'y': '92.63'}, {'x': '2024-06-08 17:40:04', 'y': '92.99'}, {'x': '2024-06-08 17:50:05', 'y': '92.81'}, {'x': '2024-06-08 18:00:06', 'y': '92.86'}, {'x': '2024-06-08 18:10:06', 'y': '92.92'}, {'x': '2024-06-08 18:20:07', 'y': '92.89'}, {'x': '2024-06-08 18:30:07', 'y': '93.16'}, {'x': '2024-06-08 18:40:08', 'y': '93.2'}, {'x': '2024-06-08 18:50:09', 'y': '92.95'}, {'x': '2024-06-08 19:00:09', 'y': '92.95'}, {'x': '2024-06-08 19:10:00', 'y': '97.49'}, {'x': '2024-06-08 19:20:01', 'y': '93.48'}, {'x': '2024-06-08 19:30:01', 'y': '93.51'}, {'x': '2024-06-08 19:40:02', 'y': '93.74'}, {'x': '2024-06-08 19:50:02', 'y': '93.52'}, {'x': '2024-06-08 20:00:03', 'y': '63.14'}, {'x': '2024-06-08 20:10:04', 'y': '65.37'}, {'x': '2024-06-08 20:20:04', 'y': '63.06'}, {'x': '2024-06-08 20:30:05', 'y': '60.86'}, {'x': '2024-06-08 20:40:06', 'y': '56.89'}, {'x': '2024-06-08 20:50:06', 'y': '57.13'}],
        borderColor: 'rgb(203, 71, 189)',
        backgroundColor: 'rgb(203, 71, 189, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::active
        
          hidden: true,
        
        label: 'active',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '9335952'}, {'x': '2024-06-08 14:10:04', 'y': '9219252'}, {'x': '2024-06-08 14:20:05', 'y': '9249752'}, {'x': '2024-06-08 14:30:06', 'y': '9287636'}, {'x': '2024-06-08 14:40:03', 'y': '9249536'}, {'x': '2024-06-08 14:50:07', 'y': '9393752'}, {'x': '2024-06-08 15:00:07', 'y': '9564892'}, {'x': '2024-06-08 15:10:08', 'y': '9591612'}, {'x': '2024-06-08 15:20:09', 'y': '9644876'}, {'x': '2024-06-08 15:30:09', 'y': '9711564'}, {'x': '2024-06-08 15:40:00', 'y': '9685252'}, {'x': '2024-06-08 15:50:00', 'y': '9682000'}, {'x': '2024-06-08 16:10:09', 'y': '5360012'}, {'x': '2024-06-08 16:20:09', 'y': '5137284'}, {'x': '2024-06-08 16:30:00', 'y': '5192656'}, {'x': '2024-06-08 16:40:01', 'y': '5260776'}, {'x': '2024-06-08 16:50:01', 'y': '5508608'}, {'x': '2024-06-08 17:00:02', 'y': '5366444'}, {'x': '2024-06-08 17:10:02', 'y': '5250620'}, {'x': '2024-06-08 17:20:03', 'y': '5262380'}, {'x': '2024-06-08 17:30:04', 'y': '5259812'}, {'x': '2024-06-08 17:40:04', 'y': '5231808'}, {'x': '2024-06-08 17:50:05', 'y': '5183924'}, {'x': '2024-06-08 18:00:06', 'y': '5206332'}, {'x': '2024-06-08 18:10:06', 'y': '5199788'}, {'x': '2024-06-08 18:20:07', 'y': '5299572'}, {'x': '2024-06-08 18:30:07', 'y': '5354180'}, {'x': '2024-06-08 18:40:08', 'y': '5361136'}, {'x': '2024-06-08 18:50:09', 'y': '5328760'}, {'x': '2024-06-08 19:00:09', 'y': '5311520'}, {'x': '2024-06-08 19:10:00', 'y': '6317484'}, {'x': '2024-06-08 19:20:01', 'y': '5406232'}, {'x': '2024-06-08 19:30:01', 'y': '5400812'}, {'x': '2024-06-08 19:40:02', 'y': '5386408'}, {'x': '2024-06-08 19:50:02', 'y': '5390300'}, {'x': '2024-06-08 20:00:03', 'y': '3982156'}, {'x': '2024-06-08 20:10:04', 'y': '4071684'}, {'x': '2024-06-08 20:20:04', 'y': '4035644'}, {'x': '2024-06-08 20:30:05', 'y': '3977824'}, {'x': '2024-06-08 20:40:06', 'y': '3900640'}, {'x': '2024-06-08 20:50:06', 'y': '3910968'}],
        borderColor: 'rgb(5, 179, 198)',
        backgroundColor: 'rgb(5, 179, 198, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::inactive
        
          hidden: true,
        
        label: 'inactive',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '15322840'}, {'x': '2024-06-08 14:10:04', 'y': '15323956'}, {'x': '2024-06-08 14:20:05', 'y': '15324576'}, {'x': '2024-06-08 14:30:06', 'y': '15324136'}, {'x': '2024-06-08 14:40:03', 'y': '15327116'}, {'x': '2024-06-08 14:50:07', 'y': '15310380'}, {'x': '2024-06-08 15:00:07', 'y': '15319748'}, {'x': '2024-06-08 15:10:08', 'y': '15328352'}, {'x': '2024-06-08 15:20:09', 'y': '15328996'}, {'x': '2024-06-08 15:30:09', 'y': '15624612'}, {'x': '2024-06-08 15:40:00', 'y': '15335844'}, {'x': '2024-06-08 15:50:00', 'y': '15328100'}, {'x': '2024-06-08 16:10:09', 'y': '1153636'}, {'x': '2024-06-08 16:20:09', 'y': '1188272'}, {'x': '2024-06-08 16:30:00', 'y': '1190888'}, {'x': '2024-06-08 16:40:01', 'y': '1199872'}, {'x': '2024-06-08 16:50:01', 'y': '1284976'}, {'x': '2024-06-08 17:00:02', 'y': '1287972'}, {'x': '2024-06-08 17:10:02', 'y': '1289316'}, {'x': '2024-06-08 17:20:03', 'y': '1290424'}, {'x': '2024-06-08 17:30:04', 'y': '1291208'}, {'x': '2024-06-08 17:40:04', 'y': '1296536'}, {'x': '2024-06-08 17:50:05', 'y': '1340572'}, {'x': '2024-06-08 18:00:06', 'y': '1347176'}, {'x': '2024-06-08 18:10:06', 'y': '1347824'}, {'x': '2024-06-08 18:20:07', 'y': '1353628'}, {'x': '2024-06-08 18:30:07', 'y': '1354568'}, {'x': '2024-06-08 18:40:08', 'y': '1355840'}, {'x': '2024-06-08 18:50:09', 'y': '1356492'}, {'x': '2024-06-08 19:00:09', 'y': '1357604'}, {'x': '2024-06-08 19:10:00', 'y': '2052760'}, {'x': '2024-06-08 19:20:01', 'y': '1965316'}, {'x': '2024-06-08 19:30:01', 'y': '1365272'}, {'x': '2024-06-08 19:40:02', 'y': '1368316'}, {'x': '2024-06-08 19:50:02', 'y': '1370892'}, {'x': '2024-06-08 20:00:03', 'y': '1398932'}, {'x': '2024-06-08 20:10:04', 'y': '3949408'}, {'x': '2024-06-08 20:20:04', 'y': '3950632'}, {'x': '2024-06-08 20:30:05', 'y': '6451276'}, {'x': '2024-06-08 20:40:06', 'y': '3953136'}, {'x': '2024-06-08 20:50:06', 'y': '3953556'}],
        borderColor: 'rgb(23, 67, 140)',
        backgroundColor: 'rgb(23, 67, 140, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::dirty
        
          hidden: true,
        
        label: 'dirty',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '2656'}, {'x': '2024-06-08 14:10:04', 'y': '3028'}, {'x': '2024-06-08 14:20:05', 'y': '3364'}, {'x': '2024-06-08 14:30:06', 'y': '2272'}, {'x': '2024-06-08 14:40:03', 'y': '10792'}, {'x': '2024-06-08 14:50:07', 'y': '13288'}, {'x': '2024-06-08 15:00:07', 'y': '8400'}, {'x': '2024-06-08 15:10:08', 'y': '25304'}, {'x': '2024-06-08 15:20:09', 'y': '4860'}, {'x': '2024-06-08 15:30:09', 'y': '3744'}, {'x': '2024-06-08 15:40:00', 'y': '2592'}, {'x': '2024-06-08 15:50:00', 'y': '10688'}, {'x': '2024-06-08 16:10:09', 'y': '3892'}, {'x': '2024-06-08 16:20:09', 'y': '2224'}, {'x': '2024-06-08 16:30:00', 'y': '4212'}, {'x': '2024-06-08 16:40:01', 'y': '3212'}, {'x': '2024-06-08 16:50:01', 'y': '5300'}, {'x': '2024-06-08 17:00:02', 'y': '2964'}, {'x': '2024-06-08 17:10:02', 'y': '2892'}, {'x': '2024-06-08 17:20:03', 'y': '880'}, {'x': '2024-06-08 17:30:04', 'y': '3192'}, {'x': '2024-06-08 17:40:04', 'y': '2020'}, {'x': '2024-06-08 17:50:05', 'y': '1944'}, {'x': '2024-06-08 18:00:06', 'y': '2640'}, {'x': '2024-06-08 18:10:06', 'y': '2932'}, {'x': '2024-06-08 18:20:07', 'y': '2964'}, {'x': '2024-06-08 18:30:07', 'y': '4168'}, {'x': '2024-06-08 18:40:08', 'y': '1536'}, {'x': '2024-06-08 18:50:09', 'y': '2816'}, {'x': '2024-06-08 19:00:09', 'y': '1540'}, {'x': '2024-06-08 19:10:00', 'y': '2996'}, {'x': '2024-06-08 19:20:01', 'y': '3232'}, {'x': '2024-06-08 19:30:01', 'y': '2880'}, {'x': '2024-06-08 19:40:02', 'y': '3116'}, {'x': '2024-06-08 19:50:02', 'y': '3160'}, {'x': '2024-06-08 20:00:03', 'y': '2492'}, {'x': '2024-06-08 20:10:04', 'y': '60'}, {'x': '2024-06-08 20:20:04', 'y': '1124'}, {'x': '2024-06-08 20:30:05', 'y': '2184'}, {'x': '2024-06-08 20:40:06', 'y': '2972'}, {'x': '2024-06-08 20:50:06', 'y': '3108'}],
        borderColor: 'rgb(149, 167, 159)',
        backgroundColor: 'rgb(149, 167, 159, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::anonpg
        
          hidden: true,
        
        label: 'anonpg',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '6449816'}, {'x': '2024-06-08 14:10:04', 'y': '6334408'}, {'x': '2024-06-08 14:20:05', 'y': '6371084'}, {'x': '2024-06-08 14:30:06', 'y': '6408932'}, {'x': '2024-06-08 14:40:03', 'y': '6333916'}, {'x': '2024-06-08 14:50:07', 'y': '6480864'}, {'x': '2024-06-08 15:00:07', 'y': '6628948'}, {'x': '2024-06-08 15:10:08', 'y': '6646108'}, {'x': '2024-06-08 15:20:09', 'y': '6697648'}, {'x': '2024-06-08 15:30:09', 'y': '6759296'}, {'x': '2024-06-08 15:40:00', 'y': '6734040'}, {'x': '2024-06-08 15:50:00', 'y': '6724992'}, {'x': '2024-06-08 16:10:09', 'y': '3896328'}, {'x': '2024-06-08 16:20:09', 'y': '3717008'}, {'x': '2024-06-08 16:30:00', 'y': '3774008'}, {'x': '2024-06-08 16:40:01', 'y': '3825536'}, {'x': '2024-06-08 16:50:01', 'y': '4042800'}, {'x': '2024-06-08 17:00:02', 'y': '3907056'}, {'x': '2024-06-08 17:10:02', 'y': '3817840'}, {'x': '2024-06-08 17:20:03', 'y': '3833308'}, {'x': '2024-06-08 17:30:04', 'y': '3822064'}, {'x': '2024-06-08 17:40:04', 'y': '3781164'}, {'x': '2024-06-08 17:50:05', 'y': '3747940'}, {'x': '2024-06-08 18:00:06', 'y': '3774440'}, {'x': '2024-06-08 18:10:06', 'y': '3761996'}, {'x': '2024-06-08 18:20:07', 'y': '3795688'}, {'x': '2024-06-08 18:30:07', 'y': '3849660'}, {'x': '2024-06-08 18:40:08', 'y': '3856192'}, {'x': '2024-06-08 18:50:09', 'y': '3819252'}, {'x': '2024-06-08 19:00:09', 'y': '3801428'}, {'x': '2024-06-08 19:10:00', 'y': '4782808'}, {'x': '2024-06-08 19:20:01', 'y': '3879156'}, {'x': '2024-06-08 19:30:01', 'y': '3873232'}, {'x': '2024-06-08 19:40:02', 'y': '3864748'}, {'x': '2024-06-08 19:50:02', 'y': '3864004'}, {'x': '2024-06-08 20:00:03', 'y': '2562724'}, {'x': '2024-06-08 20:10:04', 'y': '2639612'}, {'x': '2024-06-08 20:20:04', 'y': '2623876'}, {'x': '2024-06-08 20:30:05', 'y': '2553116'}, {'x': '2024-06-08 20:40:06', 'y': '2499980'}, {'x': '2024-06-08 20:50:06', 'y': '2518508'}],
        borderColor: 'rgb(30, 200, 179)',
        backgroundColor: 'rgb(30, 200, 179, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::slab
        
          hidden: true,
        
        label: 'slab',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '1792520'}, {'x': '2024-06-08 14:10:04', 'y': '1792628'}, {'x': '2024-06-08 14:20:05', 'y': '1792552'}, {'x': '2024-06-08 14:30:06', 'y': '1792496'}, {'x': '2024-06-08 14:40:03', 'y': '1792756'}, {'x': '2024-06-08 14:50:07', 'y': '1794092'}, {'x': '2024-06-08 15:00:07', 'y': '1795184'}, {'x': '2024-06-08 15:10:08', 'y': '1795172'}, {'x': '2024-06-08 15:20:09', 'y': '1795584'}, {'x': '2024-06-08 15:30:09', 'y': '1796912'}, {'x': '2024-06-08 15:40:00', 'y': '1797204'}, {'x': '2024-06-08 15:50:00', 'y': '1798748'}, {'x': '2024-06-08 16:10:09', 'y': '350496'}, {'x': '2024-06-08 16:20:09', 'y': '354432'}, {'x': '2024-06-08 16:30:00', 'y': '357624'}, {'x': '2024-06-08 16:40:01', 'y': '358528'}, {'x': '2024-06-08 16:50:01', 'y': '362956'}, {'x': '2024-06-08 17:00:02', 'y': '363056'}, {'x': '2024-06-08 17:10:02', 'y': '361400'}, {'x': '2024-06-08 17:20:03', 'y': '361440'}, {'x': '2024-06-08 17:30:04', 'y': '361536'}, {'x': '2024-06-08 17:40:04', 'y': '361664'}, {'x': '2024-06-08 17:50:05', 'y': '362700'}, {'x': '2024-06-08 18:00:06', 'y': '363396'}, {'x': '2024-06-08 18:10:06', 'y': '364460'}, {'x': '2024-06-08 18:20:07', 'y': '366656'}, {'x': '2024-06-08 18:30:07', 'y': '366532'}, {'x': '2024-06-08 18:40:08', 'y': '366612'}, {'x': '2024-06-08 18:50:09', 'y': '366796'}, {'x': '2024-06-08 19:00:09', 'y': '366928'}, {'x': '2024-06-08 19:10:00', 'y': '372380'}, {'x': '2024-06-08 19:20:01', 'y': '373092'}, {'x': '2024-06-08 19:30:01', 'y': '372524'}, {'x': '2024-06-08 19:40:02', 'y': '372644'}, {'x': '2024-06-08 19:50:02', 'y': '372620'}, {'x': '2024-06-08 20:00:03', 'y': '367680'}, {'x': '2024-06-08 20:10:04', 'y': '376108'}, {'x': '2024-06-08 20:20:04', 'y': '375340'}, {'x': '2024-06-08 20:30:05', 'y': '958120'}, {'x': '2024-06-08 20:40:06', 'y': '375432'}, {'x': '2024-06-08 20:50:06', 'y': '375424'}],
        borderColor: 'rgb(18, 204, 15)',
        backgroundColor: 'rgb(18, 204, 15, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::kstack
        
          hidden: true,
        
        label: 'kstack',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '28144'}, {'x': '2024-06-08 14:10:04', 'y': '28128'}, {'x': '2024-06-08 14:20:05', 'y': '28032'}, {'x': '2024-06-08 14:30:06', 'y': '28048'}, {'x': '2024-06-08 14:40:03', 'y': '28784'}, {'x': '2024-06-08 14:50:07', 'y': '29280'}, {'x': '2024-06-08 15:00:07', 'y': '30432'}, {'x': '2024-06-08 15:10:08', 'y': '30480'}, {'x': '2024-06-08 15:20:09', 'y': '30784'}, {'x': '2024-06-08 15:30:09', 'y': '30720'}, {'x': '2024-06-08 15:40:00', 'y': '30704'}, {'x': '2024-06-08 15:50:00', 'y': '31456'}, {'x': '2024-06-08 16:10:09', 'y': '27840'}, {'x': '2024-06-08 16:20:09', 'y': '26624'}, {'x': '2024-06-08 16:30:00', 'y': '26912'}, {'x': '2024-06-08 16:40:01', 'y': '27040'}, {'x': '2024-06-08 16:50:01', 'y': '28576'}, {'x': '2024-06-08 17:00:02', 'y': '27232'}, {'x': '2024-06-08 17:10:02', 'y': '26560'}, {'x': '2024-06-08 17:20:03', 'y': '26592'}, {'x': '2024-06-08 17:30:04', 'y': '26640'}, {'x': '2024-06-08 17:40:04', 'y': '26784'}, {'x': '2024-06-08 17:50:05', 'y': '26672'}, {'x': '2024-06-08 18:00:06', 'y': '26624'}, {'x': '2024-06-08 18:10:06', 'y': '26704'}, {'x': '2024-06-08 18:20:07', 'y': '26656'}, {'x': '2024-06-08 18:30:07', 'y': '26688'}, {'x': '2024-06-08 18:40:08', 'y': '26640'}, {'x': '2024-06-08 18:50:09', 'y': '26656'}, {'x': '2024-06-08 19:00:09', 'y': '26592'}, {'x': '2024-06-08 19:10:00', 'y': '27440'}, {'x': '2024-06-08 19:20:01', 'y': '27024'}, {'x': '2024-06-08 19:30:01', 'y': '26912'}, {'x': '2024-06-08 19:40:02', 'y': '26880'}, {'x': '2024-06-08 19:50:02', 'y': '26928'}, {'x': '2024-06-08 20:00:03', 'y': '22320'}, {'x': '2024-06-08 20:10:04', 'y': '22672'}, {'x': '2024-06-08 20:20:04', 'y': '22208'}, {'x': '2024-06-08 20:30:05', 'y': '22016'}, {'x': '2024-06-08 20:40:06', 'y': '21264'}, {'x': '2024-06-08 20:50:06', 'y': '21232'}],
        borderColor: 'rgb(143, 63, 36)',
        backgroundColor: 'rgb(143, 63, 36, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::pgtbl
        
          hidden: true,
        
        label: 'pgtbl',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '97484'}, {'x': '2024-06-08 14:10:04', 'y': '97316'}, {'x': '2024-06-08 14:20:05', 'y': '97332'}, {'x': '2024-06-08 14:30:06', 'y': '97404'}, {'x': '2024-06-08 14:40:03', 'y': '100256'}, {'x': '2024-06-08 14:50:07', 'y': '101480'}, {'x': '2024-06-08 15:00:07', 'y': '105024'}, {'x': '2024-06-08 15:10:08', 'y': '105516'}, {'x': '2024-06-08 15:20:09', 'y': '106500'}, {'x': '2024-06-08 15:30:09', 'y': '106472'}, {'x': '2024-06-08 15:40:00', 'y': '106448'}, {'x': '2024-06-08 15:50:00', 'y': '110652'}, {'x': '2024-06-08 16:10:09', 'y': '82692'}, {'x': '2024-06-08 16:20:09', 'y': '78392'}, {'x': '2024-06-08 16:30:00', 'y': '79596'}, {'x': '2024-06-08 16:40:01', 'y': '80364'}, {'x': '2024-06-08 16:50:01', 'y': '85244'}, {'x': '2024-06-08 17:00:02', 'y': '81580'}, {'x': '2024-06-08 17:10:02', 'y': '78436'}, {'x': '2024-06-08 17:20:03', 'y': '78568'}, {'x': '2024-06-08 17:30:04', 'y': '78472'}, {'x': '2024-06-08 17:40:04', 'y': '78880'}, {'x': '2024-06-08 17:50:05', 'y': '78920'}, {'x': '2024-06-08 18:00:06', 'y': '79084'}, {'x': '2024-06-08 18:10:06', 'y': '79048'}, {'x': '2024-06-08 18:20:07', 'y': '79148'}, {'x': '2024-06-08 18:30:07', 'y': '79324'}, {'x': '2024-06-08 18:40:08', 'y': '79432'}, {'x': '2024-06-08 18:50:09', 'y': '79112'}, {'x': '2024-06-08 19:00:09', 'y': '79128'}, {'x': '2024-06-08 19:10:00', 'y': '83228'}, {'x': '2024-06-08 19:20:01', 'y': '79652'}, {'x': '2024-06-08 19:30:01', 'y': '79636'}, {'x': '2024-06-08 19:40:02', 'y': '79928'}, {'x': '2024-06-08 19:50:02', 'y': '79656'}, {'x': '2024-06-08 20:00:03', 'y': '63240'}, {'x': '2024-06-08 20:10:04', 'y': '65024'}, {'x': '2024-06-08 20:20:04', 'y': '63492'}, {'x': '2024-06-08 20:30:05', 'y': '62212'}, {'x': '2024-06-08 20:40:06', 'y': '60072'}, {'x': '2024-06-08 20:50:06', 'y': '60420'}],
        borderColor: 'rgb(85, 46, 47)',
        backgroundColor: 'rgb(85, 46, 47, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::vmused
        
          hidden: true,
        
        label: 'vmused',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '108076'}, {'x': '2024-06-08 14:10:04', 'y': '108012'}, {'x': '2024-06-08 14:20:05', 'y': '107884'}, {'x': '2024-06-08 14:30:06', 'y': '107916'}, {'x': '2024-06-08 14:40:03', 'y': '108732'}, {'x': '2024-06-08 14:50:07', 'y': '109228'}, {'x': '2024-06-08 15:00:07', 'y': '110420'}, {'x': '2024-06-08 15:10:08', 'y': '110420'}, {'x': '2024-06-08 15:20:09', 'y': '110752'}, {'x': '2024-06-08 15:30:09', 'y': '110740'}, {'x': '2024-06-08 15:40:00', 'y': '110748'}, {'x': '2024-06-08 15:50:00', 'y': '111588'}, {'x': '2024-06-08 16:10:09', 'y': '100696'}, {'x': '2024-06-08 16:20:09', 'y': '102496'}, {'x': '2024-06-08 16:30:00', 'y': '102820'}, {'x': '2024-06-08 16:40:01', 'y': '103064'}, {'x': '2024-06-08 16:50:01', 'y': '104576'}, {'x': '2024-06-08 17:00:02', 'y': '103144'}, {'x': '2024-06-08 17:10:02', 'y': '102456'}, {'x': '2024-06-08 17:20:03', 'y': '102536'}, {'x': '2024-06-08 17:30:04', 'y': '102584'}, {'x': '2024-06-08 17:40:04', 'y': '102712'}, {'x': '2024-06-08 17:50:05', 'y': '102632'}, {'x': '2024-06-08 18:00:06', 'y': '102520'}, {'x': '2024-06-08 18:10:06', 'y': '102568'}, {'x': '2024-06-08 18:20:07', 'y': '102536'}, {'x': '2024-06-08 18:30:07', 'y': '102568'}, {'x': '2024-06-08 18:40:08', 'y': '102488'}, {'x': '2024-06-08 18:50:09', 'y': '102616'}, {'x': '2024-06-08 19:00:09', 'y': '102488'}, {'x': '2024-06-08 19:10:00', 'y': '103336'}, {'x': '2024-06-08 19:20:01', 'y': '102936'}, {'x': '2024-06-08 19:30:01', 'y': '102728'}, {'x': '2024-06-08 19:40:02', 'y': '102808'}, {'x': '2024-06-08 19:50:02', 'y': '102792'}, {'x': '2024-06-08 20:00:03', 'y': '98064'}, {'x': '2024-06-08 20:10:04', 'y': '98512'}, {'x': '2024-06-08 20:20:04', 'y': '98000'}, {'x': '2024-06-08 20:30:05', 'y': '97832'}, {'x': '2024-06-08 20:40:06', 'y': '96984'}, {'x': '2024-06-08 20:50:06', 'y': '97000'}],
        borderColor: 'rgb(196, 53, 38)',
        backgroundColor: 'rgb(196, 53, 38, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::swpfree
        
          hidden: true,
        
        label: 'swpfree',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '8388604'}, {'x': '2024-06-08 14:10:04', 'y': '8388604'}, {'x': '2024-06-08 14:20:05', 'y': '8388604'}, {'x': '2024-06-08 14:30:06', 'y': '8388604'}, {'x': '2024-06-08 14:40:03', 'y': '8388604'}, {'x': '2024-06-08 14:50:07', 'y': '8388604'}, {'x': '2024-06-08 15:00:07', 'y': '8388604'}, {'x': '2024-06-08 15:10:08', 'y': '8388604'}, {'x': '2024-06-08 15:20:09', 'y': '8388604'}, {'x': '2024-06-08 15:30:09', 'y': '8388604'}, {'x': '2024-06-08 15:40:00', 'y': '8388604'}, {'x': '2024-06-08 15:50:00', 'y': '8388604'}, {'x': '2024-06-08 16:10:09', 'y': '8388604'}, {'x': '2024-06-08 16:20:09', 'y': '8388604'}, {'x': '2024-06-08 16:30:00', 'y': '8388604'}, {'x': '2024-06-08 16:40:01', 'y': '8388604'}, {'x': '2024-06-08 16:50:01', 'y': '8388604'}, {'x': '2024-06-08 17:00:02', 'y': '8388604'}, {'x': '2024-06-08 17:10:02', 'y': '8388604'}, {'x': '2024-06-08 17:20:03', 'y': '8388604'}, {'x': '2024-06-08 17:30:04', 'y': '8388604'}, {'x': '2024-06-08 17:40:04', 'y': '8388604'}, {'x': '2024-06-08 17:50:05', 'y': '8388604'}, {'x': '2024-06-08 18:00:06', 'y': '8388604'}, {'x': '2024-06-08 18:10:06', 'y': '8388604'}, {'x': '2024-06-08 18:20:07', 'y': '8388604'}, {'x': '2024-06-08 18:30:07', 'y': '8388604'}, {'x': '2024-06-08 18:40:08', 'y': '8388604'}, {'x': '2024-06-08 18:50:09', 'y': '8388604'}, {'x': '2024-06-08 19:00:09', 'y': '8388604'}, {'x': '2024-06-08 19:10:00', 'y': '8388604'}, {'x': '2024-06-08 19:20:01', 'y': '8388604'}, {'x': '2024-06-08 19:30:01', 'y': '8388604'}, {'x': '2024-06-08 19:40:02', 'y': '8388604'}, {'x': '2024-06-08 19:50:02', 'y': '8388604'}, {'x': '2024-06-08 20:00:03', 'y': '8388604'}, {'x': '2024-06-08 20:10:04', 'y': '8388604'}, {'x': '2024-06-08 20:20:04', 'y': '8388604'}, {'x': '2024-06-08 20:30:05', 'y': '8388604'}, {'x': '2024-06-08 20:40:06', 'y': '8388604'}, {'x': '2024-06-08 20:50:06', 'y': '8388604'}],
        borderColor: 'rgb(48, 151, 51)',
        backgroundColor: 'rgb(48, 151, 51, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::swpused
        
          hidden: true,
        
        label: 'swpused',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '0'}, {'x': '2024-06-08 14:10:04', 'y': '0'}, {'x': '2024-06-08 14:20:05', 'y': '0'}, {'x': '2024-06-08 14:30:06', 'y': '0'}, {'x': '2024-06-08 14:40:03', 'y': '0'}, {'x': '2024-06-08 14:50:07', 'y': '0'}, {'x': '2024-06-08 15:00:07', 'y': '0'}, {'x': '2024-06-08 15:10:08', 'y': '0'}, {'x': '2024-06-08 15:20:09', 'y': '0'}, {'x': '2024-06-08 15:30:09', 'y': '0'}, {'x': '2024-06-08 15:40:00', 'y': '0'}, {'x': '2024-06-08 15:50:00', 'y': '0'}, {'x': '2024-06-08 16:10:09', 'y': '0'}, {'x': '2024-06-08 16:20:09', 'y': '0'}, {'x': '2024-06-08 16:30:00', 'y': '0'}, {'x': '2024-06-08 16:40:01', 'y': '0'}, {'x': '2024-06-08 16:50:01', 'y': '0'}, {'x': '2024-06-08 17:00:02', 'y': '0'}, {'x': '2024-06-08 17:10:02', 'y': '0'}, {'x': '2024-06-08 17:20:03', 'y': '0'}, {'x': '2024-06-08 17:30:04', 'y': '0'}, {'x': '2024-06-08 17:40:04', 'y': '0'}, {'x': '2024-06-08 17:50:05', 'y': '0'}, {'x': '2024-06-08 18:00:06', 'y': '0'}, {'x': '2024-06-08 18:10:06', 'y': '0'}, {'x': '2024-06-08 18:20:07', 'y': '0'}, {'x': '2024-06-08 18:30:07', 'y': '0'}, {'x': '2024-06-08 18:40:08', 'y': '0'}, {'x': '2024-06-08 18:50:09', 'y': '0'}, {'x': '2024-06-08 19:00:09', 'y': '0'}, {'x': '2024-06-08 19:10:00', 'y': '0'}, {'x': '2024-06-08 19:20:01', 'y': '0'}, {'x': '2024-06-08 19:30:01', 'y': '0'}, {'x': '2024-06-08 19:40:02', 'y': '0'}, {'x': '2024-06-08 19:50:02', 'y': '0'}, {'x': '2024-06-08 20:00:03', 'y': '0'}, {'x': '2024-06-08 20:10:04', 'y': '0'}, {'x': '2024-06-08 20:20:04', 'y': '0'}, {'x': '2024-06-08 20:30:05', 'y': '0'}, {'x': '2024-06-08 20:40:06', 'y': '0'}, {'x': '2024-06-08 20:50:06', 'y': '0'}],
        borderColor: 'rgb(40, 142, 211)',
        backgroundColor: 'rgb(40, 142, 211, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::swpused-percent
        
          hidden: true,
        
        label: 'swpused-percent',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '0.0'}, {'x': '2024-06-08 14:10:04', 'y': '0.0'}, {'x': '2024-06-08 14:20:05', 'y': '0.0'}, {'x': '2024-06-08 14:30:06', 'y': '0.0'}, {'x': '2024-06-08 14:40:03', 'y': '0.0'}, {'x': '2024-06-08 14:50:07', 'y': '0.0'}, {'x': '2024-06-08 15:00:07', 'y': '0.0'}, {'x': '2024-06-08 15:10:08', 'y': '0.0'}, {'x': '2024-06-08 15:20:09', 'y': '0.0'}, {'x': '2024-06-08 15:30:09', 'y': '0.0'}, {'x': '2024-06-08 15:40:00', 'y': '0.0'}, {'x': '2024-06-08 15:50:00', 'y': '0.0'}, {'x': '2024-06-08 16:10:09', 'y': '0.0'}, {'x': '2024-06-08 16:20:09', 'y': '0.0'}, {'x': '2024-06-08 16:30:00', 'y': '0.0'}, {'x': '2024-06-08 16:40:01', 'y': '0.0'}, {'x': '2024-06-08 16:50:01', 'y': '0.0'}, {'x': '2024-06-08 17:00:02', 'y': '0.0'}, {'x': '2024-06-08 17:10:02', 'y': '0.0'}, {'x': '2024-06-08 17:20:03', 'y': '0.0'}, {'x': '2024-06-08 17:30:04', 'y': '0.0'}, {'x': '2024-06-08 17:40:04', 'y': '0.0'}, {'x': '2024-06-08 17:50:05', 'y': '0.0'}, {'x': '2024-06-08 18:00:06', 'y': '0.0'}, {'x': '2024-06-08 18:10:06', 'y': '0.0'}, {'x': '2024-06-08 18:20:07', 'y': '0.0'}, {'x': '2024-06-08 18:30:07', 'y': '0.0'}, {'x': '2024-06-08 18:40:08', 'y': '0.0'}, {'x': '2024-06-08 18:50:09', 'y': '0.0'}, {'x': '2024-06-08 19:00:09', 'y': '0.0'}, {'x': '2024-06-08 19:10:00', 'y': '0.0'}, {'x': '2024-06-08 19:20:01', 'y': '0.0'}, {'x': '2024-06-08 19:30:01', 'y': '0.0'}, {'x': '2024-06-08 19:40:02', 'y': '0.0'}, {'x': '2024-06-08 19:50:02', 'y': '0.0'}, {'x': '2024-06-08 20:00:03', 'y': '0.0'}, {'x': '2024-06-08 20:10:04', 'y': '0.0'}, {'x': '2024-06-08 20:20:04', 'y': '0.0'}, {'x': '2024-06-08 20:30:05', 'y': '0.0'}, {'x': '2024-06-08 20:40:06', 'y': '0.0'}, {'x': '2024-06-08 20:50:06', 'y': '0.0'}],
        borderColor: 'rgb(129, 150, 36)',
        backgroundColor: 'rgb(129, 150, 36, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::swpcad
        
          hidden: true,
        
        label: 'swpcad',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '0'}, {'x': '2024-06-08 14:10:04', 'y': '0'}, {'x': '2024-06-08 14:20:05', 'y': '0'}, {'x': '2024-06-08 14:30:06', 'y': '0'}, {'x': '2024-06-08 14:40:03', 'y': '0'}, {'x': '2024-06-08 14:50:07', 'y': '0'}, {'x': '2024-06-08 15:00:07', 'y': '0'}, {'x': '2024-06-08 15:10:08', 'y': '0'}, {'x': '2024-06-08 15:20:09', 'y': '0'}, {'x': '2024-06-08 15:30:09', 'y': '0'}, {'x': '2024-06-08 15:40:00', 'y': '0'}, {'x': '2024-06-08 15:50:00', 'y': '0'}, {'x': '2024-06-08 16:10:09', 'y': '0'}, {'x': '2024-06-08 16:20:09', 'y': '0'}, {'x': '2024-06-08 16:30:00', 'y': '0'}, {'x': '2024-06-08 16:40:01', 'y': '0'}, {'x': '2024-06-08 16:50:01', 'y': '0'}, {'x': '2024-06-08 17:00:02', 'y': '0'}, {'x': '2024-06-08 17:10:02', 'y': '0'}, {'x': '2024-06-08 17:20:03', 'y': '0'}, {'x': '2024-06-08 17:30:04', 'y': '0'}, {'x': '2024-06-08 17:40:04', 'y': '0'}, {'x': '2024-06-08 17:50:05', 'y': '0'}, {'x': '2024-06-08 18:00:06', 'y': '0'}, {'x': '2024-06-08 18:10:06', 'y': '0'}, {'x': '2024-06-08 18:20:07', 'y': '0'}, {'x': '2024-06-08 18:30:07', 'y': '0'}, {'x': '2024-06-08 18:40:08', 'y': '0'}, {'x': '2024-06-08 18:50:09', 'y': '0'}, {'x': '2024-06-08 19:00:09', 'y': '0'}, {'x': '2024-06-08 19:10:00', 'y': '0'}, {'x': '2024-06-08 19:20:01', 'y': '0'}, {'x': '2024-06-08 19:30:01', 'y': '0'}, {'x': '2024-06-08 19:40:02', 'y': '0'}, {'x': '2024-06-08 19:50:02', 'y': '0'}, {'x': '2024-06-08 20:00:03', 'y': '0'}, {'x': '2024-06-08 20:10:04', 'y': '0'}, {'x': '2024-06-08 20:20:04', 'y': '0'}, {'x': '2024-06-08 20:30:05', 'y': '0'}, {'x': '2024-06-08 20:40:06', 'y': '0'}, {'x': '2024-06-08 20:50:06', 'y': '0'}],
        borderColor: 'rgb(83, 105, 136)',
        backgroundColor: 'rgb(83, 105, 136, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }, 
      
    
      
        {
        
        // memory::swpcad-percent
        
          hidden: true,
        
        label: 'swpcad-percent',
        yAxisID: 'y',
        data: [{'x': '2024-06-08 14:00:04', 'y': '0.0'}, {'x': '2024-06-08 14:10:04', 'y': '0.0'}, {'x': '2024-06-08 14:20:05', 'y': '0.0'}, {'x': '2024-06-08 14:30:06', 'y': '0.0'}, {'x': '2024-06-08 14:40:03', 'y': '0.0'}, {'x': '2024-06-08 14:50:07', 'y': '0.0'}, {'x': '2024-06-08 15:00:07', 'y': '0.0'}, {'x': '2024-06-08 15:10:08', 'y': '0.0'}, {'x': '2024-06-08 15:20:09', 'y': '0.0'}, {'x': '2024-06-08 15:30:09', 'y': '0.0'}, {'x': '2024-06-08 15:40:00', 'y': '0.0'}, {'x': '2024-06-08 15:50:00', 'y': '0.0'}, {'x': '2024-06-08 16:10:09', 'y': '0.0'}, {'x': '2024-06-08 16:20:09', 'y': '0.0'}, {'x': '2024-06-08 16:30:00', 'y': '0.0'}, {'x': '2024-06-08 16:40:01', 'y': '0.0'}, {'x': '2024-06-08 16:50:01', 'y': '0.0'}, {'x': '2024-06-08 17:00:02', 'y': '0.0'}, {'x': '2024-06-08 17:10:02', 'y': '0.0'}, {'x': '2024-06-08 17:20:03', 'y': '0.0'}, {'x': '2024-06-08 17:30:04', 'y': '0.0'}, {'x': '2024-06-08 17:40:04', 'y': '0.0'}, {'x': '2024-06-08 17:50:05', 'y': '0.0'}, {'x': '2024-06-08 18:00:06', 'y': '0.0'}, {'x': '2024-06-08 18:10:06', 'y': '0.0'}, {'x': '2024-06-08 18:20:07', 'y': '0.0'}, {'x': '2024-06-08 18:30:07', 'y': '0.0'}, {'x': '2024-06-08 18:40:08', 'y': '0.0'}, {'x': '2024-06-08 18:50:09', 'y': '0.0'}, {'x': '2024-06-08 19:00:09', 'y': '0.0'}, {'x': '2024-06-08 19:10:00', 'y': '0.0'}, {'x': '2024-06-08 19:20:01', 'y': '0.0'}, {'x': '2024-06-08 19:30:01', 'y': '0.0'}, {'x': '2024-06-08 19:40:02', 'y': '0.0'}, {'x': '2024-06-08 19:50:02', 'y': '0.0'}, {'x': '2024-06-08 20:00:03', 'y': '0.0'}, {'x': '2024-06-08 20:10:04', 'y': '0.0'}, {'x': '2024-06-08 20:20:04', 'y': '0.0'}, {'x': '2024-06-08 20:30:05', 'y': '0.0'}, {'x': '2024-06-08 20:40:06', 'y': '0.0'}, {'x': '2024-06-08 20:50:06', 'y': '0.0'}],
        borderColor: 'rgb(81, 134, 159)',
        backgroundColor: 'rgb(81, 134, 159, 0.3)',
        borderWidth: 1,
        pointRadius: 2,
        fill: 'origin',
        }
      
    
    ]
  }
  
}

var ctx = document.getElementById('chartcanvas').getContext('2d');
var myChart = new Chart(ctx);
var mousex = 0;
var mousey = 0;
$(document).ready(function () {
  showChart($('.i_inactive').first().text());
  $('.i_inactive').first().attr("class", "i_active");

  selhost="pablolaptop.pegaso.lan"
  $('#hostlist').ulSelect(function(elem) {
    if (selhost != $(elem).text()) {
      selhost=$(elem).text().replace(/\s+/g, "");
      window.location = selhost+"_cpu-load.html";
    }
  });
  selchart="memory"
  $('#chartlist').ulSelect(function(elem) {
      selchart=$(elem).text().replace(/\s+/g, "");
      window.location = selhost+"_"+selchart+".html"
  });
  // $("body").on("click",function(e) {
  //   if (!$(e.target).closest('#eventdescription').length) {
  //       $('#eventname').hide();
  //       $('#eventdescription').hide();
  //       $("#footer").css("border-color", "#000");
  //       $("#footer").css("color", "#000");
  //       $("#copyright").show();
  //   }
  // });
  $(".extrametrics").find('input[type=checkbox]').change(function() {
    id = $(this).attr('id').replace('metric', '');
    if(this.checked) {
      myChart.show(id);
    } else {
      myChart.hide(id);
    }
  });
  $("#checkall").click(function() {
    $(document.body).css('cursor', 'wait');
    if(this.checked) {
      $(".extrametrics").find('input[type=checkbox]').prop( "checked", true );
    } else {
      $(".extrametrics").find('input[type=checkbox]').prop( "checked", false );
    }
    $(".extrametrics").find('input[type=checkbox]').trigger('change');
    $(document.body).css('cursor', 'default');
  });

});


</script>

</body>
</html>